#my{
	background:#f4f4f4;
}
header{
	.px2rem(height,291);
	background:url(../img/head-banner.png) no-repeat;
	background-size: cover;
	ul{
		.px2rem(height,99);
		.box;
		justify-content:space-between;
		.padding-right(51);
		align-items:center;
	}
	nav{
		.box;
		img{
			.px2rem(width,140);
			.px2rem(height,140);
			.margin-left(25);
		}
		button{
			.px2rem(width,270);
			.px2rem(height,60);
			.margin-top(46);
			.margin-left(15);
			background:#fff;
			font-size: 26px;
			color:#2ca835;
			border-radius: 10px;
			border:none;
		}
	}
}
article{
	background:#fff;
	ul{
		.box;
		justify-content:space-around;
		.px2rem(height,142);
		align-items:center;
		li{
			text-align:center;
			a{
				display:block;
			}
		}
		li:nth-child(1){
			img{
				.padding-bottom(10);
			}
		}
		li:nth-child(2){
			img{
				.padding-bottom(27);
			}
		}
		li:nth-child(3){
			img{
				.padding-bottom(27);
			}
		}
	}
}
.nav,.article{
	background:#fff;
	.margin-top(20);
	ul{
		li{
			.box;
			.px2rem(height,90);
			align-items:center;
			justify-content:space-between;
			.margin-left(30);
			border-bottom:1px solid #ccc;
			.left{
				.box;
				align-items:center;
				p{
					.padding-left(20);
				}
			}
			.right{
				.padding-right(20);
			}
		}
	}
}


footer{
	position:fixed;
	bottom:0;
	width: 100%;
	border-top:1px solid #ccc;
	.px2rem(height,114);
	ul{
		align-items:center;
		.px2rem(height,114);
		.box;
		justify-content:space-around;
		align-items:center;
		li{
			color:#000;
			text-align:center;
			a{
				display: block;
				.padding-top(12);
			}
		}
		li:nth-child(5){
			a{
				color:#49b275;
			}
		}
	}
}